/*********************************************************************************************

@import "css/fancybox.css";

/********************************************************************************************* 

0. CSS Reset  -------------------------  All Theme Files

*********************************************************************************************/
* {
    margin: 0;
    padding: 0;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clear {
    clear: both;
    height: 1px;
    margin: 0 0 -1px;
    overflow: hidden;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style-type: none;
    list-style-position: inside;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}
/* Global reset-RESET */
/* The below restores some sensible defaults */
strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

a img {
    border: none;
}
/* Gets rid of IE's blue borders */
table {
    -x-system-font: none;
    font-family: inherit;
    font-size: inherit;
    font-size-adjust: inherit;
    font-stretch: inherit;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    line-height: inherit;
}

th {
    background: #BBCCDD;
    color: #333;
}

th, td {
    line-height: 20px;
    padding: 4px;
}

input {
    padding: 5px;
}

.floatleft, .more_left {
    float: left;
}

.floatright {
    float: right;
}

.clear, .cleaner {
    clear: both;
    height: 0;
    overflow: hidden;
}

/********************************************************************************************* 

1. Toolbox CSS  -------------------------  All Theme Files

*********************************************************************************************/
a {
    text-decoration: none;
    color: #2f4c6c;
    outline: none;
}

    a:hover {
        color: #cb0e3d;
    }

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: 0;
    padding: 0;
    color: #222;
}

    h3 a:hover {
        text-decoration: none;
    }

p {
    margin: 0 0 16px;
}

input[type="text"],
input[type="password"], textarea {
    border: 1px solid #c7c7c7;
    background: #fdfefe;
    color: #666;
    font-size: 12px;
    font-family: Arial;
}

/* Search Form from Header */
#search_form {
    float: right;
    margin: 22px 0 0 0;
    width: 253px;
    clear: right;
    border: 1px solid #c7c7c7;
    color: #919191;
}

    #search_form input {
        border: none;
        height: 23px;
        padding: 0 6px;
        font-style: italic;
    }

    #search_form #s {
        border-right: 1px solid #c7c7c7;
        -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
        -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
        box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
        width: 180px;
        float: left;
    }

    #search_form #searchsubmit {
        background: url(images/search_bg.jpg) repeat-x;
        border: none;
        cursor: pointer;
        color: #5b5b5b;
        text-shadow: 0 1px 0 rgba(255,255,255,0.8);
        text-transform: uppercase;
        font-size: 10px;
        font-weight: bold;
        font-family: Arial, sans-serif;
        float: right;
        display: block;
        font-style: normal;
        width: 60px;
    }

        #search_form #searchsubmit:hover {
            background: #DCDCDC;
        }


/* Navigation & WP PageNavi Plugin */
div.navigation {
    float: left;
    width: 100%;
}

    div.navigation p, div.wp-pagenavi {
        margin: 0;
        font-size: 11px;
        font-weight: bold;
        text-align: center;
    }

    div.navigation a.current {
        background-color: #315896;
        color: #fff;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        border-radius: 60px;
        border: none;
    }

    div.navigation a:hover {
        background-color: #315896;
        color: #fff;
        text-decoration: none;
    }

    div.navigation a {
        font-size: 11px;
        font-weight: bold;
        color: #315896;
        padding: 6px 10px;
        line-height: 50px;
        margin-right: 10px;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        border-radius: 60px;
        border: none;
    }

    div.navigation span.current {
        padding: 6px 10px;
        background-color: #315896;
        color: #fff;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        border: none;
        margin-right: 10px;
    }

    div.navigation a:hover {
        background-color: #315896;
        color: #fff;
        text-decoration: none;
    }

    div.navigation span.pages {
        margin-right: 10px;
        display: none;
    }

    div.navigation .nextpostslink:hover {
        background: #315896;
    }

    div.navigation .previouspostslink:hover {
        background: #315896;
    }

    div.navigation .extend {
        border: none;
    }

    div.navigation .alignleft, div.navigation .alignright {
        margin: 0;
    }

/* shortcodes */
.checklist li {
    padding-left: 20px;
    background: transparent url(images/icon_tick.png) no-repeat top left;
    list-style-type: none !important;
}

.arrowlist li {
    padding-left: 20px;
    background: transparent url(images/icon_arrow.png) no-repeat top left;
    list-style-type: none !important;
}

.deletelist li {
    padding-left: 20px;
    background: transparent url(images/icon_delete.png) no-repeat top left;
    list-style-type: none !important;
}

.scBox {
    padding: 10px;
    text-shadow: none !important;
    color: #555;
    margin: 10px 0;
}

.notice {
    background-color: #f8f0af;
}

.warning {
    background-color: #f8c0c0;
}

.update {
    background-color: #c0e5f8;
}

.lines {
    color: #aaa;
    margin: 0;
}

.highlight {
    padding: 3px 5px;
    text-shadow: none;
}

.half {
    float: left;
    width: 47%;
    margin: 10px 0;
    margin-right: 6%;
}

.third {
    float: left;
    width: 30%;
    margin: 10px 0;
    margin-right: 5%;
    overflow: hidden;
}

.last {
    margin-right: 0;
}

/********************************************************************************************* 

2. Page Structure  -------------------------  All Theme Files

*********************************************************************************************/

body {
    font-family: Arial, Helvetica, Tahoma, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    background: #97C3DC url(images/grad.jpg) repeat-x;
    color: #666;
}

#container {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

    #container div.wrapper {
        margin: 0 auto;
        text-align: left;
        width: 980px;
    }

#frame {
    /* background: transparent url(images/back_frame.png) repeat-x top center; */
}

#layout {
    /*background: transparent url(images/back_frame_top.png) no-repeat top center;*/
    padding-top: 2px;
}

#container #wrapperMain {
    background: #fff url(images/back_frame_all.png) repeat-x top left;
    width: 940px;
    padding: 20px;
    min-height: 500px;
}

#main {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 660px;
    font-size: 12px;
    position: relative;
}

h2.title {
    font-family: Georgia,serif;
    font-size: 18px;
    font-weight: normal;
    color: #003f62;
    margin: 0 0 10px 4px;
}

/********************************************************************************************* 

3. Header & Main Menu -------------------------  header.php

*********************************************************************************************/

#header {
    padding: 0px 0 0px;
    /*border-bottom: solid 1px #fff; */
    margin-top:20px;
}

#logo {
    float: left;
    display: inline;
}
#logo img {
    -moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}

#bannerHead {
    float: right;
    display: inline;
}

.banner {
    text-align: center;
    margin: 0 0 10px;
}

#navigation {
    line-height: 39px;
    font-size: 12px;
    background: #09355b url(images/back_menu.png) repeat-x top left;
}

#nav {
    display: block;
    margin: 0;
}

    #nav li {
        float: left;
        display: inline;
    }

        #nav li:hover {
            background: #133a5d url(images/back_menu_hover.png) repeat-x top left;
        }

    #nav a {
        color: #fff;
        text-decoration: none;
       /* text-shadow: #333 1px 1px 0;*/
        padding: 10px 5px;
    }

        #nav a:hover {
            color:#fff;
        }

    #nav li li {
        padding: 1px 0;
        line-height: 16px;
        font-size: 11px;
    }

    #nav ul li:hover, #nav ul li.current-menu-item, #nav ul li.current-menu-ancestor, #nav ul li.current-menu-parrent {
        background: none;
        background-color:#69adef;/* #09355b*/
    }



/********************************************************************************************* 

4. Featured Slider	  -------------------------  plvietnam_featured_posts.php

*********************************************************************************************/

#featPosts {
    margin: 0 0 25px;
    position: relative;
    clear: both;
}

#postsBig {
    width: 420px;
    display: block;
    background-color: #000;
    overflow: hidden;
}

    #postsBig div.shadow {
        position: absolute;
        z-index: 10;
        width: 420px;
        height: 114px;
        left: 0;
        top: 107px;
        background: transparent url(images/back_featimage_shadow.png) repeat-x bottom left;
    }

.featContent {
    padding: 0 15px 15px;
    color: #bbb;
}

    .featContent p {
        margin: 0;
        font-size: 12px;
    }

    .featContent h2 {
        font-size: 18px;
        line-height: 22px;
        font-family: Georgia, serif;
    }

    .featContent a {
        color: #fff;
    }

        .featContent a:hover {
            color: #ed9740;
            text-decoration: none;
        }

#postsSmall {
    float: right;
    display: inline;
    width: 240px;
    background: #fff;
}


    #postsSmall p {
        margin: 1px 0 0;
        font-size: 11px;
        color: #777;
    }

    #postsSmall h3.title {
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
    }

    #postsSmall ul.pagination li a {
        font-weight: bold;
        display: block;
        margin: 0;
        position: relative;
        padding: 5px 0 5px 15px;
        overflow: hidden;
        color: #2f4c6c;
        min-height: 39px;
    }

    #postsSmall ul.pagination li {
        border-bottom: solid 1px #eee;
        display: block;
    }

        #postsSmall ul.pagination li:last-child {
            border-bottom: none;
        }

        #postsSmall ul.pagination li a:hover, #postsSmall ul.pagination li a.current {
            color: #ff3000;
            z-index: 11;
            margin-left: -11px;
            padding-left: 26px;
            background: transparent url(images/back_featimage_arrow.png) no-repeat left center;
        }


#featPosts p.postmetadata {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: normal;
    color: #666;
}

#featPosts #postsBig p.postmetadata {
    margin: 5px 0;
}

#featPosts p.postmetadata a {
    color: #439ecf;
}

#postsSmall li.active span.arrow, #postsSmall li:hover span.arrow {
    display: block;
}


/********************************************************************************************* 

5. Carousel Widget      

*********************************************************************************************/

.container {
    overflow: hidden;
    position: relative;
}

.slides {
    overflow: hidden;
    width: 420px;
}

    .slides li {
        position: relative;
        width: 420px;
        overflow: hidden;
        background: #000;
        float: left;
    }

.jcarousel {
    padding: 20px 0 15px 17px;
    margin: 10px 0 20px;
    background: transparent url(images/back_highlights.png) repeat-x bottom left;
    border: solid 1px #d2d2d2;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.widgets_col .jcarousel {
    padding: 20px 35px 15px 50px;
}

#sidebar .jcarousel {
    padding: 15px 0 15px 11px;
    margin: 10px 0 20px 5px;
    background: transparent url(images/back_highlights.png) repeat-x bottom left;
    border: solid 1px #d2d2d2;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.jcarousel img {
    float: left;
    border: solid 1px #333;
}

.jcarousel li a {
    color: #0060B6;
    font-size: 14px;
    font-weight: bold;
}

.jcarousel a:hover {
    text-decoration: underline;
}

.jcarousel-clip {
    width: 100%;
}

#main .home_widgets .jcarousel-item, #main .home_widgets_full .jcarousel-item {
    width: 107px;
    padding-right: 22px;
    overflow: hidden;
    position: relative;
}

#sidebar .jcarousel-item {
    width: 107px;
    overflow: hidden;
    padding-right: 14px;
    position: relative;
}

.jcarousel-list {
    height: 92px;
}

.jcarousel-prev {
    float: left;
}

.jcarousel-next {
    float: right;
    padding-right: 25px;
}

.jcarousel-prev, .jcarousel-next {
    font-weight: bold;
    color: #003f62;
    margin-top: 8px;
}

    .jcarousel-prev:hover, .jcarousel-next:hover {
        text-decoration: underline;
        cursor: pointer;
    }

.video_if {
    display: none;
}

.jcarousel li a span.video, .jcarousel li a span.zoom {
    position: absolute;
    top: 1px;
    left: 1px;
    display: block;
    width: 105px;
    height: 90px;
}

.jcarousel li a span.video {
    background: url(images/play.png) no-repeat;
}

.jcarousel li a span.zoom {
    background: url(images/zoom.png) no-repeat;
}


/********************************************************************************************* 

6. Homepage Widgets 

*********************************************************************************************/

#main .home_widgets, #main .home_widgets_full {
    position: relative;
}

    #main .home_widgets .widget {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin: 0 3px 20px 4px;
        *display: inline;
        width: 210px;
        line-height: 1.5;
        position: relative;
    }

    #main .home_widgets_full .widget {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin: 0 3px 20px 4px;
        *display: inline;
        width: 650px;
        line-height: 1.5;
        position: relative;
    }

    #main .home_widgets .widgets_col {
        float: left;
        width: 210px;
        margin: 0 10px 0 0;
        line-height: 1.5;
    }

        #main .home_widgets .widgets_col .widget {
            margin: 0 0 20px 0;
        }


/********************************************************************************************* 

7. Featured Categories Widget     

*********************************************************************************************/

.featCategories {
    margin: 10px 0 0;
}

.category {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    width: 210px;
    margin: 0 3px 20px 4px;
}

#sidebar .category {
    width: 260px;
}

.categoryContent {
    padding: 10px;
    background: transparent url(images/back_widget.png) repeat-x top left;
}

    .categoryContent img, .archive img {
        padding: 4px;
        border: solid 1px #ccc;
        background-color: #fff;
    }

    .categoryContent div.cover {
        margin-bottom: 10px;
    }

    .categoryContent h2 {
        font-size: 14px;
        font-weight: bold;
        margin: 7px 0;
    }

    .categoryContent ul.postsMore {
        padding: 10px 0 0 5px;
        border-top: dotted 1px #ccc;
    }

        .categoryContent ul.postsMore li {
            font-size: 11px;
            list-style-type: square;
            color: #598BC1;
        }

    .categoryContent p {
        margin: 0 0 10px;
    }


/********************************************************************************************* 

8. Archives/Blog posts  -------------------------  index.php, archive.php, search.php

*********************************************************************************************/

.posts li {
    border-bottom: 1px dotted #DADADA;
    padding: 0 0 15px;
    margin: 0 0 20px;
}

    .posts li .meta {
        margin-bottom: 7px;
    }

.archive h3 {
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px dotted #DADADA;
    padding: 0 0 10px;
    margin: 0 0 20px;
    color: #315896;
}

    .archive h3 img {
        float: right;
        margin: 0 0 0 10px;
    }

    .archive h3 small {
        font-size: 12px;
        font-weight: normal;
        color: #666;
        margin: 5px 0 0;
        display: block;
    }

.archive .cover {
    float: left;
    display: inline;
    margin: 0 15px 5px 0;
}

.archive .postcontent {
    overflow: hidden;
}

.archive .postmetadata {
    margin: 0 0 10px;
}

#main .archive h2.title {
    line-height: 1.5;
    margin: 0 0 2px;
}

/********************************************************************************************* 

9. Single Posts Styling  ---------------------------------	 single.php, page.php

*********************************************************************************************/

div.metadata {
    padding: 0 20px;
    background: transparent url(images/back_postmeta.png) repeat-x top left;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin: 0 0 20px;
}

    div.metadata div.datetime {
        float: left;
        display: inline;
        text-align: center;
        color: #fff;
        padding: 5px 0 0;
        width: 55px;
        height: 50px;
        margin: 0 30px 20px 0;
        line-height: 1.2;
        background: #ff3203 url(images/back_datetime.png) repeat-x top left;
    }

div.datetime span {
    display: block;
    text-transform: uppercase;
    font-size: 11px;
}

    div.datetime span.date {
        font-weight: bold;
        font-size: 24px;
        margin-top: 4px;
    }

.metainfo {
    padding: 15px 0 0 0;
    /*overflow: hidden; */
}

    .metainfo h1 a {
        color: #003f62;
    }

        .metainfo h1 a:hover {
            color: #CB0E3D;
        }

.meta span, .meta span a {
    text-transform: uppercase;
    font-size: 10px;
    color: #505050;
}

    /*.meta span {
		margin:0 10px 0 0;
		}
		*/
    .meta span a:hover {
        color: #CB0E3D;
    }

    .meta span.cat_icon {
        padding: 0 0 0 15px;
        background: url(images/category.png) no-repeat 0 1px;
    }

    .meta span.date_icon {
        padding: 0 0 0 16px;
        background: url(images/date.png) no-repeat 0 -3px;
    }

    .meta span.comm_icon {
        padding: 0 0 0 15px;
        background: url(images/comments.png) no-repeat 0 1px;
    }

.metainfo h1 {
    font-size: 24px;
    font-weight: normal;
    line-height: 28px;
    margin-bottom: 6px;
    font-family: Georgia,serif;
}

p.postmetadata {
    font-size: 11px;
    margin: 0;
    color: #999;
}

.entry {
    clear: left;
    font-size: 13px;
    line-height: 1.5;
    overflow: hidden;
    margin: 0 20px 0 20px;
}

    .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
        font-weight: bold;
        margin-bottom: 12px;
        line-height: 1.3;
        color: #3397cd;
    }

    .entry h1 {
        font-size: 28px;
    }

    .entry h2 {
        font-size: 24px;
    }

    .entry h3 {
        font-size: 20px;
    }

    .entry h4 {
        font-size: 16px;
    }

    .entry h5 {
        font-size: 14px;
    }

    .entry h6 {
        font-size: 12px;
    }

    .entry p {
        margin-bottom: 14px;
    }

    .entry a {
        color: #3397CD;
    }

        .entry a:hover {
            text-decoration: underline;
        }

    .entry img {
        margin-bottom: 10px;
        max-width: 590px;
        height: auto;
        padding: 4px;
        border: solid 1px #ddd;
        background-color: #fff;
    }

    .entry ul, .entry ol {
        margin: 0 0 14px 14px;
    }

    .entry li ul, .entry li ol {
        margin-bottom: 0;
    }

    .entry li {
        list-style-position: inside;
    }

    .entry ul li {
        list-style-type: square;
    }

    .entry ol li {
        list-style-type: decimal;
    }

    .entry blockquote {
        font-style: italic;
        font-family: Georgia, serif;
        font-size: 16px;
        border: solid 1px #ddd;
        border-left: solid 5px #ddd;
        padding: 15px;
        margin: 10px;
    }

.side-left #main {
    float: right;
    display: inline;
    margin-right: 0;
    margin-left: 10px;
}

.full-width #main {
    margin-right: 0;
    width: 100%;
}

.full-width .entry, .page .entry {
    float: none;
    display: block;
    width: auto;
    padding-right: 0;
}

/* [gallery] shortcode */
.entry .gallery .gallery-item {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    margin: 10px;
}

.entry .gallery {
    margin: auto;
    text-align: center;
    clear: both;
}

    .entry .gallery img, .widget ul.gallery img {
        border: solid 2px #eee;
    }

.entry div.gallery img:hover, .widget ul.gallery li img:hover {
    border: solid 2px #9acdea;
}

/* Images align */
.aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
    margin: 5px 15px 5px 0;
}

.alignright {
    float: right;
    margin: 5px 0 5px 15px;
}

/* Caption for Images */
.entry .wp-caption {
    padding: 1px;
    text-align: center;
    background: #F8F8F8;
    background: rgba(255,255,255,0.7);
    border: solid 1px #e6e6e6;
}

    .entry .wp-caption img {
        margin: 0;
        padding: 4px 0;
        background: none;
        border: 0;
    }

.entry .wp-caption-text {
    margin: 0;
    padding: 0;
    font: 11px/22px Arial, Helvetica, sans-serif;
    text-align: center;
}

.entry .wp-caption.aligncenter {
    margin: 0 auto 15px;
}

img.wp-smiley {
    padding: 0;
    border: none;
}

.entry .tags {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 20px;
    display: block;
    line-height: 1.5;
}

.tags a {
    color: #fff;
    background: #868d96;
    text-transform: uppercase;
    padding: 3px 7px;
    margin: 0 0 7px 5px;
    font-size: 10px;
    font-weight: bold;
}

    .tags a:hover {
        background: #ff3300;
        text-decoration: none;
    }


/********************************************************************************************* 

10. Sidebar & Widgets -------------------------  sidebar.php

*********************************************************************************************/

#sidebar {
    float: left;
    display: inline;
    width: 260px;
    position: relative;
}

    #sidebar .widget {
        margin-bottom: 10px;
        font-size: 12px;
        position: relative;
    }

.widget .padder {
    background: transparent url(images/back_widget.png) repeat-x top left;
    padding: 10px;
}

.widget a {
    font-weight: bold;
}

#sidebar .widget a:hover {
    text-decoration: none;
}

.widget ul {
    clear: both;
    line-height: 1.7;
}

    .widget ul li {
        list-style-type: none;
    }

    .widget ul ul {
        margin: 0;
        padding: 0;
        border-top: none;
    }

        .widget ul ul li {
            border: none;
        }

.widget #cat, .widget select {
    width: 100%;
    border: 1px solid #cdcfd4;
    color: #333333;
    display: inline;
    padding: 5px;
    line-height: 1.5;
    clear: both;
    float: left;
}

.ads {
    text-align: center;
}

#widget_tag_cloud a {
    font-family: Georgia, serif;
    line-height: 1.3em;
    font-weight: normal;
}

#plvietnam-popular-posts li {
    display: block;
    width: 100%;
}

h3.title {
    font-size: 10px;
    text-transform: uppercase;
    padding-left: 10px;
    color: #fff;
    line-height: 25px;
    background: #5ac3d1 url(images/back_title_blue.png) repeat-x top left;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom: solid 1px #fff;
}

h3.teal {
    background-image: url(images/back_title_teal.png);
}

h3.blue {
    background-image: url(images/back_title_blue.png);
}

h3.brown {
    background-image: url(images/back_title_brown.png);
}

h3.darkblue {
    background-image: url(images/back_title_darkblue.png);
}

h3.dark {
    background-image: url(images/back_title_dark.png);
}

h3.lightblue {
    background-image: url(images/back_title_lightblue.png);
}

h3.orange {
    background-image: url(images/back_title_orange.png);
}

h3.paleblue {
    background-image: url(images/back_title_paleblue.png);
}

h3.title a {
    color: #fff;
}

h3.lightblue a {
    color: #333;
}

h3.title a:hover {
    text-decoration: underline;
}


/* Tabbed Widget */
.tabberlive .tabbertabhide {
    display: none;
}

.tabberlive h3 {
    display: none;
}

ul.tabbernav li {
    float: left;
    margin: 0;
    padding: 0;
    height: 25px;
    line-height: 28px;
    margin-bottom: -1px;
    overflow: hidden;
    position: relative; /*background: url(images/bg_sidetab.png) repeat-x;*/
    list-style-type: none;
}

    ul.tabbernav li:first-child {
        -moz-border-radius-topleft: 5px;
        border-top-left-radius: 5px;
    }

ul.tabbernav {
    margin: 0;
    padding: 1px 0;
    font: bold 12px;
}

    ul.tabbernav li {
        list-style: none;
        display: inline;
    }

        ul.tabbernav li a {
            text-decoration: none;
            color: #fff; /* inactive tabs */
            display: block;
            font-size: 10px;
            font-weight: bold;
            padding: 0 10px;
            outline: none;
            text-transform: uppercase;
            line-height: 25px;
        }

        ul.tabbernav li.tabberactive, ul.tabbernav a:hover {
            background: url("images/back_title_blue.png") repeat-x; /* active tab */
        }

        ul.tabbernav li:first-child a:hover {
            -moz-border-radius-topleft: 5px;
            -webkit-border-top-left-radius: 5px;
            border-top-left-radius: 5px;
        }

        ul.tabbernav li.tabberactive a {
            color: #fff;
        }

.tabbertabs .recent_comments li img, .tabbertabs .recent_news li img {
    float: left;
    margin: 0 7px 5px 0;
}

.tabbertab li {
    float: left;
    clear: both;
    display: block;
    border-bottom: 1px dotted #DADADA;
    padding: 5px 0;
}

.tabbertab .comm_bubble {
    font-style: italic;
    font-size: 10px;
    color: #A9A9A9;
}

.tabbertab li .meta {
    font-size: 9px;
    color: #A9A9A9;
    margin: 3px 0 0;
    display: block;
}

    .tabbertab li .meta a {
        font-weight: normal;
        font-size: 9px;
    }

.tabbertab li a {
    font-weight: bold;
    font-size: 12px;
}

ul.tabbernav a:hover {
    text-decoration: underline;
}

.tabberlive ul.tabbernav {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 26px;
    width: 100%;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: url("images/back_title_darkblue.png") repeat-x;
}

html .tabbertab ul {
    margin: 0;
}

.tabberlive .tabbertab {
    float: left;
    width: 240px;
    background: transparent url(images/back_widget.png) repeat-x top left;
    padding: 10px;
}

#main .tabberlive .tabbertab {
    width: 190px;
}

.tabbertab h2.widgettitle {
    display: none;
}


/* Flickr Widget */
.widget ul.gallery {
    padding: 0;
    margin: 0;
}

    .widget ul.gallery li {
        list-style-type: none;
        float: left;
        display: inline;
        padding: 0;
        margin: 0 7px 11px;
        clear: none;
        border-bottom: none;
    }

        .widget ul.gallery li.last {
            margin-right: 0;
        }

        .widget ul.gallery li img {
            width: 61px;
        }


/* Social Widget */
#sidebar .social li {
    display: inline;
    width: 47%;
    float: left;
    padding: 0;
    margin: 0 6px 14px 0;
    line-height: 16px;
    clear: none;
    border-bottom: none;
}

#sidebar .social a {
    font-size: 12px;
    font-weight: bold;
}

    #sidebar .social a span {
        font-size: 11px;
        display: block;
        font-weight: normal;
    }

#sidebar .social img {
    float: left;
    margin-right: 7px;
}


/* Author Bio */
#sidebar .author img {
    margin: 0 7px 5px 0;
    float: left;
}

#sidebar .author a {
    font-size: 13px;
}

#sidebar .author p {
    font-size: 11px;
    line-height: 1.4;
}


/* Recent Comments */
.recent_comments img, .recent_news img {
    float: left;
    margin: 0 7px 0 0;
}

.recent_comments a, .recent_news a {
    font-weight: bold;
}

.recent_comments li, .recent_news li {
    float: left;
    width: 100%;
    clear: both;
    padding: 6px 0;
    line-height: 18px;
    border-bottom: 1px solid #eee;
}

#footer .recent_comments li, #footer .recent_news li {
    border-bottom: 1px dotted #2e2e2e;
}

.recent_news span {
    font-size: 9px;
    color: #A9A9A9;
    margin: 3px 0 0;
    display: block;
}

.recent_comments li a, #twitter a {
    display: inline;
    padding: 0;
    line-height: 18px !important;
}


/********************************************************************************************* 

11. Comments  -------------------------  comments.php

*********************************************************************************************/

#comments {
    margin: 20px 20px 0;
    padding-top: 10px;
    border-top: 1px solid #dfdfdf;
}

    #comments .title {
        font-size: 22px;
        padding-top: 10px;
        margin: 0 0 10px;
    }

#main ol.normalComments {
    clear: left;
    padding: 10px 0 0;
    margin: 0;
}

    #main ol.normalComments div.comment-body {
        position: relative;
    }

    #main ol.normalComments div.reply {
        position: absolute;
        top: 0;
        right: 0;
    }

    #main ol.normalComments li {
        clear: left;
        list-style-type: none;
        margin: 0 0 18px;
        padding: 15px;
        font-size: 11px;
        line-height: 1.7;
        background: #fafafa;
        border: solid 1px #dfdfdf;
    }

#main .normalComments li.comment li.comment {
    background: #fff;
    border: solid 1px #dfdfdf;
    margin: 0 10px 10px 10px;
    clear: left;
}

    #main .normalComments li.comment li.comment li.comment {
        background: #fafafa;
        border: solid 1px #dfdfdf;
    }

#main ol.normalComments li ul.children {
    padding: 15px 0 0;
}

#main ol.normalComments li p {
    margin-bottom: 5px;
}

#main ol.normalComments img.avatar {
    float: left;
    display: inline;
    margin: 0 10px 10px 0;
    border: solid 1px #ddd;
}

#main ol.normalComments cite {
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    float: left;
    display: inline;
    margin-right: 10px;
}

#main ol.normalComments .commentmetadata {
    line-height: 18px;
    font-size: 11px;
    margin-bottom: 5px;
}

#main ol.normalComments blockquote {
    font-size: 12px;
    line-height: 18px;
}

#main ol.normalComments span.says {
    display: none;
}

.reply a, .cancel-comment-reply a {
    padding: 2px 5px;
    margin-bottom: 5px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
}

    .reply a:hover, .cancel-comment-reply a:hover {
        text-decoration: none;
    }

#commentform {
    margin-top: 10px;
    clear: left;
}

#commentspost p {
    font-size: 12px;
    overflow: hidden;
}

#commentform p {
    margin: 0 0 5px;
    font-size: 12px;
}

#commentform #formLabels {
    width: 50%;
}

#commentform #formContent {
    width: 90%;
}

#commentform input {
    width: 98%;
    font-size: 16px;
    border-width: 1px;
    border-style: solid;
    color: #8C8888;
    border-color: #a8a8a8 #c6c6c6 #dbdbdb #c6c6c6;
    padding: 5px;
    margin: 6px 3px 16px 0;
    height: 30px;
    -moz-border-radius: 3px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1);
}

#commentform textarea {
    overflow: auto;
    width: 100%;
    height: 180px;
    border-width: 1px;
    border-style: solid;
    color: #8C8888;
    border-color: #a8a8a8 #c6c6c6 #dbdbdb #c6c6c6;
    padding: 5px;
    margin: 6px 3px 13px 0;
    -moz-border-radius: 3px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1);
    font-family: Arial, sans-serif;
    font-size: 16px;
}

#commentform label {
    display: block;
    font-size: 16px;
}

    #commentform label span {
        font-size: 12px;
        float: right;
        color: #A0A0A0;
    }

#comments #submit {
    background: url(images/bg_submit.jpg) repeat-x;
    color: #fff;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 10px 4px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    height: 24px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    cursor: pointer;
    width: auto;
}

    #comments #submit:hover {
        background-position: 0 -24px;
    }



/********************************************************************************************* 

12. Footer  -------------------------  footer.php

*********************************************************************************************/

#footer {
    margin: 0;
    padding: 15px 20px;
    text-align: left;
    color: #fff;
    background: #848c96 url(images/back_footer_one.png) repeat-x bottom left;
    text-shadow: #3a3e43 1px 1px 1px;
}

    #footer p {
        margin: 0;
        line-height: 18px;
        font-size: 12px;
    }

        #footer p.copy {
            font-size: 12px;
        }

        #footer p.plvietnam {
            float: right;
            display: inline;
            line-height: 16px;
            width: 228px;
        }

            #footer p.plvietnam img {
                float: right;
                display: inline;
                padding: 2px 0 0 2px;
            }

    #footer a {
        color: #fff;
    }

        #footer a:hover {
            text-decoration: underline;
        }

#secondFooter {
    font-size: 12px;
    line-height: 18px;
    margin: 0;
   /* padding: 10px 20px;*/
    text-align: left;
    color: #acb0b5;
    height:117px;
    /*background: #58616b url(images/back_footer_two.png) repeat-x bottom left;*/
    background: white url(images/footer_123.jpg) repeat-x bottom left;
    /*text-shadow: #3a3e43 1px 1px 1px;*/
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
}

    #secondFooter p {
        margin: 0;
    }

#nav2 li {
    float: left;
    display: inline;
    margin-right: 20px;
}

#nav2 a {
    color: #fff;
}

    #nav2 a:hover {
        color: #fff;
        text-decoration: none;
    }

.TagCloud {
    padding: 3px;
    text-align: center;
}

    .TagCloud > span {
        margin-right: 3px;
        text-align: center;
        line-height: 25px;
    }

        .TagCloud > span.TagWeight1 {
            font-size: 26px;
        }

        .TagCloud > span.TagWeight2 {
            font-size: 22px;
        }

        .TagCloud > span.TagWeight3 {
            font-size: 18px;
        }

        .TagCloud > span.TagWeight4 {
            font-size: 14px;
        }

        .TagCloud > span.TagWeight5 {
            font-size: 10px;
        }

.tags > a {
    white-space: nowrap;
}

.tablenav {
    clear: both;
    height: 30px;
    margin: 6px 0 4px;
    vertical-align: middle;
}

    .tablenav .tablenav-pages {
        cursor: default;
        display: block;
        float: right;
        font-size: 12px;
        height: 30px;
        line-height: 30px;
    }

    .tablenav .no-pages, .tablenav .one-page .pagination-links {
        display: none;
    }

    .tablenav .tablenav-pages a {
        border: 1px solid;
        border-radius: 3px 3px 3px 3px;
        padding: 3px 6px;
        text-decoration: none;
        display: inline-block;
    }

        .tablenav .tablenav-pages a.disabled:hover {
            cursor: default;
        }

        .tablenav .tablenav-pages a.disabled:active {
            cursor: default;
        }

    .tablenav .displaying-num {
        font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
        font-size: 12px;
        font-style: italic;
        margin-right: 10px;
    }

    .tablenav .actions {
        padding: 2px 8px 0 0;
    }

    .tablenav .delete {
        margin-right: 20px;
    }

    .tablenav .tablenav-pages {
        color: #555555;
    }

        .tablenav .tablenav-pages a {
            background: url("/images/menu-bits.gif?ver=20100610") repeat-x scroll left -379px #EEEEEE;
            border-color: #E3E3E3;
        }

            .tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages a:focus {
                color: #D54E21;
            }

            .tablenav .tablenav-pages a.disabled, .tablenav .tablenav-pages a.disabled:hover, .tablenav .tablenav-pages a.disabled:focus {
                color: #AAAAAA;
            }

            .tablenav .tablenav-pages a.current {
                background: none repeat scroll 0 0 #DFDFDF;
                border-color: #D3D3D3;
            }
/*thongadd*/
.a_link {
    border-bottom: #ddd solid 1px;
    margin: 10px 10px 10px 0;
    height: 22px;
    position: relative;
}

ul.date_post {
    height: 21px;
    border-right: 0;
    margin: 0;
    padding: 0;
    float: left;
}

    ul.date_post li {
        display: inline;
        float: left;
        background: url(../images/bgr.png) no-repeat scroll 0 -987px transparent;
        line-height: 21px;
        padding: 0 10px;
        margin: 0;
        height: 21px;
    }

        ul.date_post li.lines {
            border-right: #666 solid 1px;
            padding-right: 12px;
        }

        ul.date_post li.firstDs {
            float: left;
        }

        ul.date_post li span.time {
            margin-left: 7px;
        }

        ul.date_post li a {
            color: #333;
            position: relative;
        }

            ul.date_post li a:hover {
                color: #f80;
            }

span.comment {
    background: url(../images/bg_all.png) no-repeat scroll -1078px -59px transparent;
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin: 1px 5px 0 0;
}

span.likes2 {
    background: url(../images/bg_all.png) no-repeat scroll -1056px -59px transparent;
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin: 3px 5px 0 0;
}

ul.date_post li.po_date {
    background: 0;
    padding-left: 0;
}

li.po_date {
    padding-right: 5px !important;
}

    li.po_date span {
        margin-right: 5px;
    }

a.read_book {
    background: url(../images/bg_all.png) no-repeat scroll -1036px -40px transparent;
    bottom: 0;
    display: block;
    height: 20px;
    width: 16px;
    margin-top: 2px;
}

span.likes {
    background: url(../images/bg_all.png) -47px -11px no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    bottom: 1px;
    left: -20px;
}

ul.addon {
    /* position: absolute;
        right: 0;
        top: 0;
        width: 280px;*/
}

    ul.addon li {
        display: inline;
    }

        ul.addon li a {
            cursor: pointer;
            position: relative;
            margin: 0 3px;
        }

a.size {
    font-size: 12px;
    text-transform: uppercase;
    padding: 0 5px;
}

a.normal_size {
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 5px;
}

a.big_size {
    font-size: 16px;
    text-transform: uppercase;
    padding: 0 5px;
}

a.size_active {
    font-weight: bold;
}

ul.addon li a.icon_bt {
    display: block;
    float: right;
    margin: 0 4px;
}

a.face {
    background: url(../images/bg_all.png) -1056px -40px no-repeat;
    width: 16px;
    height: 16px;
}

a.twe {
    background: url(../images/bg_all.png) -1078px -40px no-repeat;
    width: 16px;
    height: 16px;
}

a.gog {
    background: url(../images/bg_all.png) -1146px -40px no-repeat;
    width: 24px;
    height: 16px;
}

a.e_mail {
    background: url(../images/bg_all.png) -1100px -40px no-repeat;
    width: 16px;
    height: 16px;
}

a.print {
    background: url(../images/bg_all.png) -1122px -40px no-repeat;
    width: 16px;
    height: 16px;
}

.like_tweet {
    width: 56px;
    height: 20px;
    background: url(../images/bg_all.png) -1052px -127px no-repeat;
    display: block;
}

.inum {
    float: right;
    height: 18px;
    border: #ccc solid 1px;
    border-radius: 2px;
    padding: 0 6px;
    position: relative;
    margin: 0 10px 0 2px;
}

.l_arr {
    width: 4px;
    height: 7px;
    position: absolute;
    top: 6px;
    left: -4px;
    background: url(../images/bg_all.png) -1038px -127px no-repeat;
}

.b_arr {
    display: block;
    width: 8px;
    height: 10px;
    background: url(../images/bg_all.png) -1043px -127px no-repeat;
    float: right;
    margin: 7px 0 0 5px;
}

li.share {
    float: right;
    cursor: pointer;
    position: relative;
    font-weight: bold;
    color: #535353;
}

    li.share span {
        height: 15px;
    }

    li.share ul.w_share {
        position: absolute;
        top: 25px;
        right: 0;
        border: #657281 solid 3px;
        width: 250px;
        background: #fff;
        padding: 5px 0 5px 0;
        cursor: default;
        z-index: 500;
        display: none;
    }

        li.share ul.w_share li {
            width: 115px;
            float: left;
            display: block;
            margin-left: 5px;
            margin-top: 5px;
            font-weight: normal;
        }

            li.share ul.w_share li a {
                color: #04407a;
            }

                li.share ul.w_share li a:hover {
                    color: #f80;
                }

            li.share ul.w_share li span {
                width: 16px;
                height: 16px;
                margin: 1px 3px 0 0;
                background: url(../images/bg_all.png) no-repeat;
                display: block;
                float: left;
            }

                li.share ul.w_share li span.digg {
                    background-position: -315px -272px;
                }

                li.share ul.w_share li span.ya {
                    background-position: -332px -272px;
                }

                li.share ul.w_share li span.del {
                    background-position: -349px -272px;
                }

                li.share ul.w_share li span.reddit {
                    background-position: -366px -272px;
                }

                li.share ul.w_share li span.likedin {
                    background-position: -383px -272px;
                }

                li.share ul.w_share li span.fark {
                    background-position: -400px -272px;
                }

        li.share ul.w_share span.close {
            width: 16px;
            height: 16px;
            display: block;
            position: absolute;
            top: 5px;
            right: 5px;
            background: url(../images/bg_all.png) -417px -272px no-repeat;
            cursor: pointer;
        }

        li.share ul.w_share li .inum {
            float: left;
            margin-left: 65px;
        }

            li.share ul.w_share li .inum span {
                background: 0;
                line-height: 16px;
                width: auto;
            }

.news_footer li.share {
    float: left;
    margin: 0 10px 0 5px;
}

.news_footer li .inum {
    float: left;
}

.news_footer li.share ul.w_share {
    left: 0 !important;
}

#___plusone_0 {
    width: 70px !important;
}

.fb_iframe_widget span {
    margin-bottom: 3px;
}

.fb-like span {
    width: 95px !important;
}

li.share ul.w_share li span.fa {
    background-position: -434px -272px;
}

li.share ul.w_share li span.tw {
    background-position: -451px -272px;
}

ul.news_footer {
    padding: 10px 0;
    margin-right: 10px;
    height: 16px;
}

    ul.news_footer li {
        display: inline;
        padding: 0;
    }

        ul.news_footer li a {
            cursor: pointer;
            position: relative;
            margin: 0 3px;
            color: #2d2d2d;
        }

            ul.news_footer li a:hover {
                color: #f80;
            }

            ul.news_footer li a.icon_bt {
                display: block;
                float: left;
                margin: 0 5px;
            }

li.thanks {
    float: right;
}

a.facef {
    background: url(../images/bg_all.png) -1116px -127px no-repeat;
    width: 60px;
    height: 20px;
}

a.twef {
    background: url(../images/bg_all.png) -1052px -127px no-repeat;
    width: 56px;
    height: 20px;
}

a.gogf {
    background: url(../images/bg_all.png) -1038px -103px no-repeat;
    width: 50px;
    height: 20px;
}

a.e_mailf {
    background: url(../images/bg_all.png) -1034px -80px no-repeat;
    width: 24px;
    height: 20px;
}

a.printf {
    background: url(../images/bg_all.png) -1066px -78px no-repeat;
    width: 22px;
    height: 22px;
}
/*add new*/
.link_aside {
    width: 295px;
    height: 95px;
    background: #f6f6f6;
}

    .link_aside ul {
        width: 295px;
        height: 35px;
        margin: 0;
        padding: 10px 0 0 0;
    }

        .link_aside ul li {
            display: inline;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
        }

            .link_aside ul li span {
                float: left;
                width: 130px;
                text-align: right;
                color: #6f6f6f;
                line-height: 30px;
                margin-right: 5px;
            }

            .link_aside ul li a {
                width: 32px;
                height: 30px;
                margin: 0 5px;
                display: block;
                float: left;
                background: url(../images/icon_07.png);
            }

                .link_aside ul li a.yahoo_mail {
                    background-position: 0px 0px;
                }

                .link_aside ul li a.witer {
                    background-position: -42px 0px;
                }

                .link_aside ul li a.face {
                    background-position: -84px 0px;
                }

                .link_aside ul li a.yahoo_sms {
                    /*background-position:0px -38px;*/
                    background: none;
                    color: #6F6F6F;
                    margin-top: 7px;
                    font-weight: bold;
                }

                .link_aside ul li a.sky {
                    /*background-position:-42px -39px;*/
                    background: none;
                    color: #6F6F6F;
                    margin-top: 7px;
                    font-weight: bold;
                }

                .link_aside ul li a.talk {
                    /*background-position:-84px -38px;*/
                    background: none;
                    color: #6F6F6F;
                    margin-top: 7px;
                    font-weight: bold;
                }

/*end add new*/

ol.commentlist li {
    border: 1px solid #B0B0B0;
    margin-bottom: 10px;
    padding: 10px;
}

    ol.commentlist li cite {
        text-transform: capitalize;
    }

    ol.commentlist li p {
        padding-top: 10px;
    }

ol.commentlist .children {
    list-style-type: none;
}

ol.commentlist li .avatar {
    border: 1px solid #B0B0B0;
    float: right;
    margin: 0;
    padding: 2px;
}

.alt {
    background: none repeat scroll 0 0 #E8E9EA;
}
